// import variables
@import '../agile-admin/inverse/variables';
@import 'variables';
@import 'mixins';

@import 'override-bootstrap-variables';

// vendor
@import 'vendor';

// override react-bootstrap-typeahead styles
@import 'override-rbt';

// crowi component
@import 'admin';
@import 'attachments';
@import 'comment';
@import 'comment_crowi';
@import 'comment_growi';
@import 'comment_kibela';
@import 'drawio';
@import 'navbar_kibela';
@import 'create-page';
@import 'create-template';
@import 'editor-attachment';
@import 'editor-navbar';
@import 'layout';
@import 'layout_crowi';
@import 'layout_crowi_sidebar';
@import 'layout_growi';
@import 'layout_kibela';
@import 'login';
@import 'notification';
@import 'on-edit';
@import 'page_list';
@import 'page';
@import 'page_growi';
@import 'search';
@import 'shortcuts';
@import 'user';
@import 'user_growi';
@import 'handsontable';
@import 'wiki';
@import 'staff_credit';
@import 'tag';
@import 'staff_credit';
@import 'draft';

/*
 * for Guest User Mode
 */
.dropdown-toggle.dropdown-toggle-disabled {
  cursor: not-allowed;
}

.edit-button.edit-button-disabled {
  cursor: not-allowed;
}

/*
 * Helper Classes
 */

.picture {
  width: 24px;
  height: 24px;

  // size list
  &.picture-lg {
    width: 48px;
    height: 48px;
  }

  &.picture-md {
    width: 24px;
    height: 24px;
  }

  &.picture-sm {
    width: 18px;
    height: 18px;
  }

  &.picture-xs {
    width: 14px;
    height: 14px;
  }
}

// transplant from FontAwesome
.icon-fw {
  display: inline-block;
  width: 1.4em;
  text-align: left;
}

.cmd-key.mac {
  &:after {
    content: '⌘';
  }
}

.cmd-key.win {
  &:after {
    content: 'Ctrl';
  }
}
